<template>
  <div class='container'>
    <!-- <NewMap :latlng.sync="latlng"
            :dialogVisible.sync="mapDialogVisible"></NewMap> -->
  </div>
</template>
<script>
import NewMap from '@/components/Map/NewMap'
export default {
  data () {
    return {
      // 地图弹框是否可见
      mapDialogVisible: true,
      latlng: {
        lng: '',
        lat: ''
      }
    }
  },
  components: {
    NewMap
  },
  methods: {
  },
  computed: {

    // chooseLatDialogVisible () {
    //   let store = this.$store.state.chooseLatDialogVisible
    //   return store
    // }
  },
  watch: {
    // chooseLatDialogVisible: {
    //   handler (newval) {
    //     console.log(newval, 'watch lat dialog')
    //     this.mapDialogVisible = newval
    //   },
    //   deep: true
    // },
    // latlng: {
    //   handler (newval) {
    //     console.log(newval, 'watch lat data')
    //     if (newval.lat) {
    //       this.$pager.next({
    //         action: 'latlngData',
    //         data: newval
    //       })
    //     }
    //   },
    //   deep: true
    // }
  },
  beforeCreate () {
    console.log('before create')
  },
  created () {
    console.log('create')
  },
  beforeMount () {
    console.log('before mount')
  },
  mounted () {
    console.log('mouted')

    // let par = document.querySelector('#micro-container')
    // let div = document.createElement('div')
    // div.id = 'vue-container'
    // par.append(div)
  }
}
</script>
<style scoped lang='scss'>
</style>
